Components

typography form search button icon datePicker popup editor tab

#TYPOGRAPHY

Font/Type

Korean
노토산스 CJK KR
Number & English
Montserrat

Font/Weight

$font_weight_bold
노토산스 CJK KR / Montserrat
$font_weight_medium
노토산스 CJK KR / Montserrat
$font_weight_regular
노토산스 CJK KR / Montserrat

#form

Input

Default / Completed

input.my_focus / input.error / disabled

+ btn

비밀번호 변경

Select box

Textarea

Default

textarea.my_focus

disabled

Tag / badge

.tag..tag.outline

공지 학급공지

.badge.badge_blue .badge.badge_pink .badge.badge_gray .badge.badge_gray_full

부 모 기타 12

Checkbox

Radio Button

Toggle switch

#search

학교 검색

검색

#Button

Line Button

.btn .btn.outline.active.point .btn.outline.active .btn.outline.disabled

기본버튼 active active disabled

Solid Button

.btn .btn.disabled

기본버튼 disabled

아이콘 포함 버튼

첨부파일 추가 첨부파일 추가

Round Button

.btn.round.small 가입하기
.btn.round.outline.bold.small 우리반
.btn.round.outline.small 가입하기 .btn.round.gray.small 가입대기

#icon

icon

.sprite_comm공통클래스

img

.empty.leave

.empty.class

.empty.join_finish

#datePicker

* 모바일 달력에 시간 선택 기능이 추가되어
  시간 선택은 datetimepicker에서 timepicker부분만을 사용했습니다.

td.day :: .schedule_info 추가시 일정등록 표기 css확인가능

dateTimePicker1 datePicker2
  • 2022.06.11

    오늘의 생일자 - 김상민, 김지영, 정재훈
    2교시 과학 수행평가

    수정삭제
  • 2022.06.22

    kjafkjaskfjaskdjf;askjdfl;akjdfkasjdfkajsdkfjaskdjfaksdjfkajdfkadfjaksdfjkajfdkasjfkasjkfadj

    수정삭제
  • 2022.06.28

    오늘의 생일자 - 김상민, 김지영, 정재훈

    수정삭제

금일 일정이 없습니다.

기간설정

~

#popup

2버튼 팝업 1버튼 팝업

#Editor

This is some sample content.

#Tab

우리반(0) 학교(0)